<ui:composition xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.org/ui"
	template="/facelets/templates/zona-privada-principal.xhtml">

	<ui:define name="title"> Gesti&#243;n de subgrupos </ui:define>

	<ui:define name="content">
		<p:growl id="growl" showDetail="true" sticky="false" globalOnly="true" />
		<h:form styleClass="ui-widget" id="busqueda" prependId="false">
			<div id="sub-header">
				<div id="nameForm">Gesti&#243;n de subgrupos</div>

				<div id="toolBar">
					<p:commandLink action="#{gestionSubGruposController.buscar}"
						id="buscar" process="@this, panelGroupFiltro"
						update="panelGroupResultado">
						<h:graphicImage library="images" name="buscar.png"
							styleClass="toolbar-icon" alt="Buscar" title="Buscar" />
					</p:commandLink>

					<p:spacer width="10px" />

					<p:commandLink action="#{gestionSubGruposController.limpiarFiltro}"
						process="@this" update="panelGroupFiltro">
						<h:graphicImage library="images" name="limpiar.png"
							styleClass="toolbar-icon" alt="Limpiar" title="Limpiar" />
					</p:commandLink>

					<p:spacer width="10px" />

					<p:commandLink
						action="#{gestionSubGruposController.cargarFormSubgrupoNuevo}"
						oncomplete="wvPopNuevoSubGrupo.show();limpiarFormulario('panelGroupNuevoSubGrupo')"
						process="@this" update=":form:panelGroupNuevoSubGrupo">
						<h:graphicImage library="images" name="nuevo.png"
							styleClass="toolbar-icon" alt="Nuevo" title="Nuevo" />
					</p:commandLink>
					

					<p:defaultCommand target="buscar" />
				</div>
			</div>

			<div id="content">

				<div class="panel-filtro">
					<h:panelGroup id="panelGroupFiltro">
						<p:panelGrid columns="6">

							<h:outputLabel value="C&#243;digo: " styleClass="label-general" />
							<p:inputText id="codigoGrupoBuscar" maxlength="50"
								value="#{gestionSubGruposController.subGrupoBuscar.codigo}"
								styleClass="input-general" />

							<h:outputLabel value="Descripci&#243;n: "
								styleClass="label-general" />
							<p:inputText maxlength="50"
								value="#{gestionSubGruposController.subGrupoBuscar.nombre}"
								styleClass="input-general" />

							<h:outputLabel value="Grupo: " styleClass="label-general" />
							<p:selectOneMenu
								value="#{gestionSubGruposController.idGrupoBuscar}"
								styleClass="select-general">
								<f:selectItem itemLabel="Seleccione" itemValue="-1" />
								<f:selectItems
									value="#{gestionSubGruposController.listaGruposBuscar}"
									var="subgrupo" itemLabel="#{subgrupo.codigo} - #{subgrupo.nombre}"
									itemValue="#{subgrupo.idGrupo}" />
							</p:selectOneMenu>

							<h:outputLabel value="Estado: " styleClass="label-general" />
							<p:selectOneMenu id="estadoBuscar"
								value="#{gestionSubGruposController.subGrupoBuscar.estado}"
								styleClass="select-general">
								<f:selectItem itemLabel="Seleccione" itemValue="-" />
								<f:selectItem itemLabel="Activo" itemValue="A" />
								<f:selectItem itemLabel="Inactivo" itemValue="I" />
							</p:selectOneMenu>
							


						</p:panelGrid>
					</h:panelGroup>

				</div>

				<p:spacer height="10px" />

				<div class="divResultados">
					<h:panelGroup id="panelGroupResultado">
						<p:dataTable id="dtSubGrupos" var="subgrupo"
							value="#{gestionSubGruposController.listaSubgrupos}"
							rowKey="#{subgrupo.idSubGrupo}"
							emptyMessage=""
							paginator="true" rows="10" paginatorPosition="top"
							paginatorTemplate="{FirstPageLink} {PreviousPageLink} {CurrentPageReport} {NextPageLink} {LastPageLink}"
							currentPageReportTemplate="{currentPage} de {totalPages}">

							<p:column style="width:125px;" sortBy="#{subgrupo.codigo}"
								sortFunction="#{ordenarDatatable.ordernar}"
								headerText="C&#243;digo">
								<h:outputText value="#{subgrupo.codigo}" />
							</p:column>

							<p:column id="colNombre" sortBy="#{subgrupo.nombre}"
								sortFunction="#{ordenarDatatable.ordernar}"
								headerText="Descripci&#243;n">
								<h:outputText value="#{subgrupo.nombre}" />
							</p:column>

							<p:column sortBy="#{subgrupo.grupo.nombre}"
								sortFunction="#{ordenarDatatable.ordernar}" headerText="Grupo">
								<h:outputText value="#{subgrupo.grupo.codigo} - #{subgrupo.grupo.nombre}" />
							</p:column>

							<p:column style="width:125px;" sortBy="#{subgrupo.estado}"
								sortFunction="#{ordenarDatatable.ordernar}" headerText="Estado">
								<h:outputText value="#{subgrupo.estado}">
									<f:converter converterId="estadoConverter" />
								</h:outputText>
							</p:column>

							<p:column styleClass="boton-data-table-centrado">
								<p:commandLink process=":busqueda:panelGroupResultado"
									action="#{gestionSubGruposController.seleccionarSubGrupoImagenes}"
									oncomplete="wvPopupGestionImagenes.show()"
									update=":form:panelGestionImagenes, :growl">
									<h:graphicImage library="images" name="imagen.png"
										styleClass="icon-small" alt="Imagenes"
										title="Gesti&#243;n de Im&#225;genes" />
									<f:setPropertyActionListener value="#{subgrupo}"
										target="#{gestionSubGruposController.subGrupoSeleccionadoGestionImagenes}" />
								</p:commandLink>
							</p:column>

							<p:column styleClass="boton-data-table-centrado">
								<p:commandLink process=":busqueda:panelGroupResultado"
									action="#{gestionSubGruposController.listarGruposEditar}"
									oncomplete="wvPopUpEditarSubGrupo.show()"
									update=":form:panelGroupEditarSubGrupo">
									<h:graphicImage library="images" name="editar.png"
										styleClass="icon-small" alt="Editar" title="Editar" />
									<f:setPropertyActionListener value="#{subgrupo}"
										target="#{gestionSubGruposController.subGrupoEditar}" />
								</p:commandLink>
							</p:column>

							<p:column styleClass="boton-data-table-centrado">
								<p:commandLink process=":busqueda:panelGroupResultado"
									oncomplete="wvPopUpEliminarSubGrupo.show()">
									<h:graphicImage library="images" name="eliminar.png"
										styleClass="icon-small" alt="Eliminar" title="Eliminar" />
									<f:setPropertyActionListener value="#{subgrupo}"
										target="#{gestionSubGruposController.subGrupoEliminar}" />
								</p:commandLink>
							</p:column>
							
							<f:facet name="footer">
								<div class="pie-cantidad-resultados">
									<h:outputText
										rendered="#{gestionSubGruposController.listaSubgrupos.size()>0}"
										value="Se encontraron #{gestionSubGruposController.listaSubgrupos.size()} subgrupos." />
									<h:outputText
										rendered="#{gestionSubGruposController.listaSubgrupos.size()==0}"
										value="No se encontraron subgrupos." />
								</div>
							</f:facet>

						</p:dataTable>
					</h:panelGroup>
					
					
				</div>
			</div>
		</h:form>

		<h:form styleClass="ui-widget" id="form" prependId="false">
			<p:dialog id="popUpNuevoSubGrupo" widgetVar="wvPopNuevoSubGrupo"
				draggable="false" modal="true" resizable="false"
				header="Nuevo subgrupo">

				<div class="panel-general-popup">
					<h:panelGroup id="panelGroupNuevoSubGrupo">
						<div class="panel-formulario">
							<p:panelGrid id="panelGridNuevoSubgrupo" columns="2">

								<h:outputLabel styleClass="label-general">Grupo: <span>(
										* )</span>
								</h:outputLabel>
								<p:selectOneMenu id="grupoNuevo" styleClass="select-general"
									value="#{gestionSubGruposController.idGrupoNuevo}">
									<f:selectItem itemLabel="Seleccione" itemValue="-1" />
									<f:selectItems itemValue="#{grupo.idGrupo}" var="grupo"
										itemLabel="#{grupo.codigo} - #{grupo.nombre}"
										value="#{gestionSubGruposController.listaGruposNuevo}" />
									<f:validator validatorId="seleccionValidator" />
									<f:attribute name="campo" value="Grupo" />
									<p:ajax update="msgGrupo" process="@this" />
								</p:selectOneMenu>

								<h:outputLabel styleClass="label-general">Descripci&#243;n: <span>(
										* )</span>
								</h:outputLabel>
								<p:inputText id="nombreNuevo" required="true"
									styleClass="input-general" maxlength="50"
									requiredMessage="Descripci&#243;n: Requerido."
									value="#{gestionSubGruposController.subGrupoNuevo.nombre}">
									<f:validator validatorId="nombreSubgrupoValidator" />
									<f:attribute name="campo" value="Descripci&#243;n" />
									<p:ajax update="msgNombre" />
								</p:inputText>

								<h:outputLabel styleClass="label-general">C&#243;digo: <span>(
										* )</span>
								</h:outputLabel>
								<p:inputText id="codigoNuevo" required="true"
									styleClass="input-general" maxlength="10"
									requiredMessage="C&#243;digo: Requerido."
									value="#{gestionSubGruposController.subGrupoNuevo.codigo}">
									<f:validator validatorId="codigoSubgrupoValidator" />
									<f:attribute name="campo" value="C&#243;digo" />
									<p:ajax update="msgCodigoNuevo" />
								</p:inputText>

								<h:outputLabel styleClass="label-general">Estado: <span>(
										* )</span>
								</h:outputLabel>
								<p:selectOneMenu id="estadoNuevo" styleClass="select-general"
									value="#{gestionSubGruposController.subGrupoNuevo.estado}">
									<f:selectItem itemLabel="Activo" itemValue="A" />
									<f:selectItem itemLabel="Inactivo" itemValue="I" />
								</p:selectOneMenu>
							</p:panelGrid>
						</div>

						<div class="panel-botones" align="center">
							<p:commandButton value="Guardar" ajax="true"
								oncomplete="ocultarDialogSiOperacionEsCorrecta(xhr, status, args,wvPopNuevoSubGrupo);"
								styleClass="buton-general"
								action="#{gestionSubGruposController.insertarSubgrupo}"
								process="panelGroupNuevoSubGrupo" icon="ui-icon-disk"
								update="panelGroupNuevoSubGrupo,:busqueda:panelGroupResultado,:growl" />
							<span>&#160;</span>
							<p:commandButton value="Salir" ajax="true" immediate="true"
								icon="ui-icon-arrowreturn-1-w"
								oncomplete="wvPopNuevoSubGrupo.hide();"
								styleClass="buton-general" />
						</div>

						<div class="panelMessages">
							<p:message id="msgGrupo" for="grupoNuevo" />
							<p:message id="msgNombre" for="nombreNuevo" />
							<p:message id="msgCodigoNuevo" for="codigoNuevo" />
						</div>

					</h:panelGroup>
				</div>
			</p:dialog>

			<p:dialog id="popUpEliminarSubgrupo"
				widgetVar="wvPopUpEliminarSubGrupo" closable="true"
				draggable="false" header="Eliminar subgrupo" modal="true"
				resizable="false">
				<div class="panelEliminar">
					<h:outputText
						value=" &#191;Est&#225; seguro de eliminar el subgrupo?" />
				</div>
				<div class="panel-botones">
					<p:commandButton value="S&#237;" library="images"
						icon="ui-icon ui-icon-check"
						action="#{gestionSubGruposController.eliminar}" ajax="true"
						update=":busqueda:panelGroupResultado,:growl" process="@this"
						oncomplete="wvPopUpEliminarSubGrupo.hide()"
						styleClass="buton-general" />
					<span>&#160;</span>
					<p:commandButton value="No" icon="ui-icon ui-icon-close"
						oncomplete="wvPopUpEliminarSubGrupo.hide()"
						styleClass="buton-general" />
				</div>
			</p:dialog>


			<p:dialog id="popUpEditarSubGrupo" widgetVar="wvPopUpEditarSubGrupo"
				draggable="false" modal="true" resizable="false"
				header="Editar subgrupo">
				<h:panelGroup id="panelGroupEditarSubGrupo">

					<div class="panel-formulario">
						<div class="panel-formulario">
							<p:panelGrid id="panelGridEditarSubgrupo" columns="2">


								<h:outputLabel styleClass="label-general">Grupo: <span>(
										* )</span>
								</h:outputLabel>
								<p:selectOneMenu id="grupoEditar" styleClass="select-general"
									value="#{gestionSubGruposController.idGrupoEditar}">
									<f:selectItem itemLabel="Seleccione" itemValue="-1" />
									<f:selectItems itemValue="#{grupo.idGrupo}" var="grupo"
										itemLabel="#{grupo.codigo} - #{grupo.nombre}"
										value="#{gestionSubGruposController.listaGruposEditar}" />
									<p:ajax update="mgnGrupoEditar" />
									<f:validator validatorId="seleccionValidator" />
									<f:attribute name="campo" value="Grupo" />
								</p:selectOneMenu>


								<h:outputLabel styleClass="label-general">Descripci&#243;n: <span>(
										* )</span>
								</h:outputLabel>
								<p:inputText id="nombreEditar" required="true"
									requiredMessage="Descripci&#243;n: Requerido." styleClass="input-general"
									maxlength="50"
									value="#{gestionSubGruposController.subGrupoEditar.nombre}">
									<f:validator validatorId="nombreSubgrupoValidator" />
									<f:attribute name="campo" value="Descripci&#243;n" />
									<p:ajax update="msgnNombreEditar" />
								</p:inputText>


								<h:outputLabel styleClass="label-general">C&#243;digo: <span>(
										* )</span>
								</h:outputLabel>
								<p:inputText id="codigoEditar" required="true"
									requiredMessage="C&#243;digo: Requerido."
									styleClass="input-general" maxlength="10"
									value="#{gestionSubGruposController.subGrupoEditar.codigo}">
									<f:validator validatorId="codigoSubgrupoValidator" />
									<f:attribute name="campo" value="C&#243;digo" />
									<p:ajax update="msgCodigoEditar" />
								</p:inputText>

								<h:outputLabel styleClass="label-general">Estado: <span>(
										* )</span>
								</h:outputLabel>
								<p:selectOneMenu styleClass="select-general"
									value="#{gestionSubGruposController.subGrupoEditar.estado}">
									<f:selectItem itemLabel="Activo" itemValue="A" />
									<f:selectItem itemLabel="Inactivo" itemValue="I" />

								</p:selectOneMenu>

							</p:panelGrid>
						</div>

						<div class="panel-botones" align="center">
							<p:commandButton value="Guardar" icon="ui-icon-disk" ajax="true"
								oncomplete="ocultarDialogSiOperacionEsCorrecta(xhr, status, args,wvPopUpEditarSubGrupo);"
								styleClass="buton-general"
								action="#{gestionSubGruposController.actualizar}"
								process="panelGroupEditarSubGrupo"
								update=":busqueda:panelGroupResultado,:growl" />
							<span>&#160;</span>
							<p:commandButton value="Salir" ajax="true" immediate="true"
								icon="ui-icon-arrowreturn-1-w"
								oncomplete="wvPopUpEditarSubGrupo.hide();"
								styleClass="buton-general" />
						</div>
						<div class="panelMessages">
							<p:message id="mgnGrupoEditar" for="grupoEditar" />
							<p:message id="msgCodigoEditar" for="codigoEditar" />
							<p:message id="msgnNombreEditar" for="nombreEditar" />


						</div>
					</div>

				</h:panelGroup>
			</p:dialog>

			<p:dialog id="popupGestionImagenes"
				widgetVar="wvPopupGestionImagenes" header="Im&#225;genes del subgrupo"
				draggable="false" resizable="false" width="650" modal="true">
				<h:panelGroup id="panelGestionImagenes">
					<div class="panel-general-popup">
						<div class="bloque">
							<h:outputLabel
								value="Seleccione una marca, tipo de componente y modelo de f&#225;brica para poder agregar im&#225;genes."
								styleClass="sugerencia" />
							<br /> <br />
							<div class="panel-filtro">
								<p:panelGrid columns="4">
									<h:outputLabel styleClass="label-general">Marca: <span>(
											* )</span>
									</h:outputLabel>
									<p:selectOneMenu filter="true" filterMatchMode="contains"
										value="#{gestionSubGruposController.marcaSeleccionadaImagen}"
										styleClass="select-general">
										<f:converter binding="#{marcaConverter}"></f:converter>
										<f:selectItems var="marca"
											value="#{gestionSubGruposController.listaMarcaImagen}"
											itemValue="#{marca}" itemLabel="#{marca.nombre}" />
										<p:ajax event="change"
											listener="#{gestionSubGruposController.seleccionarMarcaImagen}"
											process="@this"
											update="modeloFabrica, panelListaImagenesSubGrupoModeloSeleccionado,botonBuscarModeloFabrica,subirArchivo" />
									</p:selectOneMenu>

									<h:outputLabel styleClass="label-general">Tipo de componente: <span>(
											* )</span>
									</h:outputLabel>

									<p:selectOneMenu filter="true" filterMatchMode="contains"
										value="#{gestionSubGruposController.tipoComponenteSeleccionadoImagen}"
										styleClass="select-general">
										<f:converter binding="#{tipoComponenteConverter}"></f:converter>
										<f:selectItems var="tipoComponente"
											value="#{gestionSubGruposController.listaTipoComponenteImagen}"
											itemValue="#{tipoComponente}"
											itemLabel="#{tipoComponente.nombre}" />
										<p:ajax event="change"
											listener="#{gestionSubGruposController.seleccionarTipoComponenteImagen}"
											process="@this"
											update="modeloFabrica, panelListaImagenesSubGrupoModeloSeleccionado,botonBuscarModeloFabrica,subirArchivo" />
									</p:selectOneMenu>

									

									<h:outputLabel styleClass="label-general">Modelo de f&#225;brica: <span>(
											* )</span>
									</h:outputLabel>

									<p:panelGrid columns="2">
										<p:inputText style="font-size:111%; width: 118px;"  id="modeloFabrica" readonly="true"
											value="#{gestionSubGruposController.modeloFabricaSeleccionadoImagen.nombre}">

										</p:inputText>
										<p:commandButton style="height:22px;width: 22px;" id="botonBuscarModeloFabrica" icon="ui-icon-search" disabled="#{!gestionSubGruposController.busquedaModeloFabricaActivo}"
											update=":formRepuestosImagenes:panelGroupSeleccionModeloFabrica"
											process="@this"
											action="#{gestionSubGruposController.abrirSeleccionarModeloFabrica}"
											oncomplete="wvSeleccionModeloFabrica.show()"></p:commandButton>
									</p:panelGrid>


								</p:panelGrid>
							</div>
							<br />
							<div>
								<p:fileUpload id="subirArchivo"
									fileUploadListener="#{gestionSubGruposController.subirArchivo}"
									mode="advance" label="A&#241;adir" uploadLabel="Cargar"
									cancelLabel="Cancelar" process="@this"
									update=":growl, panelListaImagenesSubGrupoModeloSeleccionado"
									sizeLimit="1000000" allowTypes="/(\.|\/)(pdf|jpe?g)$/"
									disabled="#{gestionSubGruposController.deshabilitarCargaImagenes}" />
							</div>
						</div>

						<div style="margin-bottom: 10px;" class="bloque">
							<br /> <br />
							<h:outputLabel
								value="Im&#225;genes del subgrupo seg&#250;n marca, tipo de componente y modelo de f&#225;brica."
								styleClass="sugerencia" />
							<br /> <br />
							<div>
								<h:panelGroup id="panelListaImagenesSubGrupoModeloSeleccionado">
									<p:dataTable var="imagen"
										value="#{gestionSubGruposController.listaImagenesSubGrupoSeleccionado}"
										rowKey="#{imagen.idImagen}"
										emptyMessage=""
										paginator="true" paginatorPosition="top" rows="5"
										currentPageReportTemplate="{currentPage} de {totalPages}"
										paginatorTemplate="{FirstPageLink} {PreviousPageLink} {CurrentPageReport} {NextPageLink} {LastPageLink}">

										<p:column styleClass="centrar-contenido"
											headerText="Tipo de imagen" sortBy="#{imagen.orden}">
											<h:graphicImage library="images" name="#{imagen.tipo}.png" />
										</p:column>

										<p:column sortFunction="#{ordenarDatatable.ordernar}" headerText="Nombre archivo" 
											sortBy="#{imagen.nombreArchivo}">
											<h:outputText value="#{imagen.nombreArchivo}" />
										</p:column>

										<p:column  sortFunction="#{ordenarDatatable.ordernar}" headerText="Estado" 
											sortBy="#{imagen.estado}">
											<h:outputText value="#{imagen.estado}">
												<f:converter converterId="estadoConverter" />
											</h:outputText>
										</p:column>

										<p:column styleClass="boton-data-table-centrado">
											<p:commandLink
												process=":form:panelListaImagenesSubGrupoModeloSeleccionado"
												action="#{gestionSubGruposController.seleccionarImagenGestionRepuestos}"
												oncomplete="wvLoad.hide();wvPopupGestionRepuestos.show();tamanioImagenInicial('scroll-image','imagen-vista-previa');"
												onstart="wvLoad.show()"
												update=":formRepuestosImagenes:panelGestionRepuestos">
												<p:graphicImage library="images" name="repuesto.png"
													styleClass="icon-small" alt="Repuestos"
													title="Gesti&#243;n de repuestos de la imagen" />
												<f:setPropertyActionListener value="#{imagen}"
													target="#{gestionSubGruposController.imagenSeleccionadaGestionRepuestos}" />
											</p:commandLink>
										</p:column>

										<p:column styleClass="boton-data-table-centrado">
											<f:facet name="header">
												<h:outputText value=" " />
											</f:facet>
											<p:commandLink
												process=":form:panelListaImagenesSubGrupoModeloSeleccionado"
												oncomplete="wvPopupEditarImagen.show();"
												update=":form:panelEditarImagen">
												<p:graphicImage library="images" name="editar.png"
													styleClass="icon-small" alt="Editar" title="Editar" />
												<f:setPropertyActionListener value="#{imagen}"
													target="#{gestionSubGruposController.imagenEditar}" />
											</p:commandLink>
										</p:column>

										<p:column styleClass="boton-data-table-centrado">
											<f:facet name="header">
												<h:outputText value=" " />
											</f:facet>
											<p:commandLink immediate="true"
												oncomplete="wvPopupEliminarImagen.show();"
												update=":form:panelEliminarImagen">
												<p:graphicImage library="images" name="eliminar.png"
													styleClass="icon-small" alt="Eliminar"
													title="Eliminar imagen" />
												<f:setPropertyActionListener value="#{imagen}"
													target="#{gestionSubGruposController.imagenEliminar}" />
											</p:commandLink>
										</p:column>
										<f:facet name="footer">
											<div class="pie-cantidad-resultados">
												<h:outputText
													rendered="#{gestionSubGruposController.listaImagenesSubGrupoSeleccionado.size()>0}"
													value="Se encontraron #{gestionSubGruposController.listaImagenesSubGrupoSeleccionado.size()} im&#225;genes para esta marca, tipo de componente y modelo de f&#225;brica." />
												<h:outputText
													rendered="#{gestionSubGruposController.listaImagenesSubGrupoSeleccionado.size()==0}"
													value="No se encontraron im&#225;genes para esta marca, tipo de componente y modelo de f&#225;brica." />
											</div>
										</f:facet>

									</p:dataTable>
								</h:panelGroup>
							</div>
							<span>&#160;</span>
							<div align="center">
								<p:commandButton value="Salir" ajax="true"
									icon="ui-icon-arrowreturn-1-w"									
									process="@this" styleClass="buton-general"
									oncomplete="wvPopupGestionImagenes.hide()" />
							</div>
						</div>
					</div>
				</h:panelGroup>
			</p:dialog>

			<p:dialog id="popupEditarImagen" widgetVar="wvPopupEditarImagen"
				closable="true" draggable="false" header="Editar imagen"
				modal="true" resizable="false">
				<div class="panel-general-popup">
					<h:panelGroup id="panelEditarImagen">

						<div class="panel-formulario">
							<p:panelGrid columns="2">

								<h:outputLabel styleClass="label-general"
									value="Tipo de imagen: " />
								<p:graphicImage library="images"
									name="#{gestionSubGruposController.imagenEditar.tipo}.png" />

								<h:outputLabel styleClass="label-general">Nombre archivo: 
								</h:outputLabel>
								
								<h:outputText styleClass="texto-general" value="#{gestionSubGruposController.imagenEditar.nombreArchivo}" />
								
								<h:outputLabel styleClass="label-general">Estado: <span>(
										* )</span>
								</h:outputLabel>
								<p:selectOneMenu id="estadoImagenEditar"
									styleClass="select-general"
									value="#{gestionSubGruposController.imagenEditar.estado}">
									<f:selectItem itemLabel="Activo" itemValue="A" />
									<f:selectItem itemLabel="Inactivo" itemValue="I" />
								</p:selectOneMenu>

							</p:panelGrid>
						</div>

						<div class="panel-botones" align="center">
							<p:commandButton value="Guardar"
								action="#{gestionSubGruposController.editarImagen}" ajax="true"
								update="panelListaImagenesSubGrupoModeloSeleccionado, panelMessages, :growl"
								process="panelEditarImagen" icon="ui-icon ui-icon-disk"
								oncomplete="ocultarDialogSiOperacionEsCorrecta(xhr, status, args, wvPopupEditarImagen);"
								styleClass="buton-general" />
							<span>&#160;</span>
							<p:commandButton value="Cancelar"
								onclick="wvPopupEditarImagen.hide()" process="@this"
								icon="ui-icon ui-icon-arrowreturn-1-w"
								styleClass="buton-general" />
						</div>

						<div class="panelMessages">
							<h:panelGroup id="panelMessages">
								
							</h:panelGroup>
						</div>

					</h:panelGroup>
				</div>
			</p:dialog>

			<p:dialog id="popupEliminarImagen" widgetVar="wvPopupEliminarImagen"
				closable="true" draggable="false" header="Eliminar imagen"
				modal="true" resizable="false">
				
				<h:panelGroup id="panelEliminarImagen">
			
					<div class="panelEliminar">
						<h:outputText
							value=" &#191;Est&#225; seguro de eliminar la imagen?" />
					</div>
					<div class="panel-botones" align="center">
						<p:commandButton value="S&#237;"
							action="#{gestionSubGruposController.eliminarImagen}" ajax="true"
							update="panelListaImagenesSubGrupoModeloSeleccionado, :growl"
							process="@this" icon="ui-icon ui-icon-check"
							oncomplete="wvPopupEliminarImagen.hide()"
							styleClass="buton-general" />
						<span>&#160;</span>
						<p:commandButton value="No" onclick="wvPopupEliminarImagen.hide()"
							icon="ui-icon ui-icon-close" styleClass="buton-general" />
					</div>
				</h:panelGroup>
			</p:dialog>

		</h:form>

		<h:form styleClass="ui-widget" id="formRepuestosImagenes"
			prependId="false">

			<p:dialog id="popupAsignarRepuestoImagen"
				widgetVar="wvPopupAsignarRepuestoImagen" header="Asignar repuesto"
				draggable="false" resizable="false" modal="true">
				<h:panelGroup id="panelAsignarRepuestoImagen">
					<div class="panel-formulario" align="center">

						<p:panelGrid columns="2">

							<h:outputLabel value="C&#243;digo: " styleClass="label-general" />
							<h:outputText value="#{gestionSubGruposController.imagenRepuestoAsignar.repuesto.codigo}" styleClass="texto-general" />
							
							<h:outputLabel value="Descripci&#243;n: "
								styleClass="label-general" />
								<h:outputText value="#{gestionSubGruposController.imagenRepuestoAsignar.repuesto.nombre}" styleClass="texto-general" />
							
							

							<h:outputLabel value="Observaci&#243;n: "
								styleClass="label-general" />

							<p:inputText id="observacionAsignar" styleClass="input-general"
								style="text-transform:uppercase;"
								value="#{gestionSubGruposController.imagenRepuestoAsignar.observacion}"
								title="Observaci&#243;n del repuesto en la Imagen">
							</p:inputText>

							<h:outputLabel styleClass="label-general">Nro. posici&#243;n en la imagen: <span>(
									* )</span>
							</h:outputLabel>
							<p:inputText id="posicionRepuestoAsignar"
								styleClass="input-general"
								value="#{gestionSubGruposController.imagenRepuestoAsignar.posicion}"
								title="N&#250;mero del repuesto en la Imagen" required="true"
								requiredMessage="Nro. posici&#243;n en la imagen: Requerido">
								<f:validator validatorId="numeroValidator" />
								<f:validator validatorId="numeroPositivoValidator" />
								<f:attribute name="campo" value="Nro. posici&#243;n en la imagen" />
								<p:ajax update="msgPosicionRepuestoAsignar" />
							</p:inputText>

							<h:outputLabel value="Cantidad referencial: "
								styleClass="label-general" />
								
							<p:inputText id="cantidadReferencialRepuestoAsignar"
								styleClass="input-general"
								value="#{gestionSubGruposController.imagenRepuestoAsignar.cantidadReferencial}"
								title="Cantidad referencial">
								<f:validator validatorId="numeroValidator" />
								<f:validator validatorId="numeroPositivoValidator" />
								<f:attribute name="campo" value="Cantidad referencial" />
								<p:ajax update="msgCantidadReferencialRepuestoAsignar" />
							</p:inputText>

							<h:outputLabel styleClass="label-general">Estado: <span>(
									* )</span></h:outputLabel>
							<p:selectOneMenu id="estadoImagenRepuestoAsignar"
								styleClass="select-general"
								value="#{gestionSubGruposController.imagenRepuestoAsignar.estado}">
								<f:selectItem itemLabel="Activo" itemValue="A" />
								<f:selectItem itemLabel="Inactivo" itemValue="I" />
							</p:selectOneMenu>

						</p:panelGrid>
						<div class="panel-botones" align="center">
							<p:commandButton value="Asignar" styleClass="buton-general"
								icon="ui-icon-disk"
								action="#{gestionSubGruposController.asignarImagenRepuesto}"
								process=":formRepuestosImagenes:panelAsignarRepuestoImagen"
								update=":formRepuestosImagenes:panelAsignarRepuestoImagen, panelListaRepuestosAsignadosImagen, panelResultadosBusquedaRepuestos, :growl"
								oncomplete="ocultarDialogSiOperacionEsCorrecta(xhr, status, args, wvPopupAsignarRepuestoImagen)" />
							<span>&#160;</span>
							<p:commandButton styleClass="buton-general" value="Salir"
								icon="ui-icon-arrowreturn-1-w" process="@this"
								oncomplete="wvPopupAsignarRepuestoImagen.hide()" />
						</div>
						<div class="panelMessages">
							<p:message id="msgPosicionRepuestoAsignar"
								for="posicionRepuestoAsignar" />
							<p:message id="msgCantidadReferencialRepuestoAsignar"
								for="cantidadReferencialRepuestoAsignar" />
						</div>

					</div>
				</h:panelGroup>
			</p:dialog>

			<p:dialog id="popupEditarImagenRepuesto"
				widgetVar="wvPopupEditarImagenRepuesto"
				header="Editar asignaci&#243;n del repuesto" draggable="false"
				resizable="false" modal="true">
				<h:panelGroup id="panelEditarImagenRepuesto">
					<div align="center">

						<div class="panel-formulario" align="center">

							<p:panelGrid columns="2">

								<h:outputLabel value="C&#243;digo: "
									styleClass="label-general" />
									
								<h:outputText styleClass="texto-general" value="#{gestionSubGruposController.imagenRepuestoEditar.repuesto.codigo}" />	
								
								<h:outputLabel value="Descripci&#243;n: " styleClass="label-general" />
								<h:outputText styleClass="texto-general" value="#{gestionSubGruposController.imagenRepuestoEditar.repuesto.nombre}" />
								
								<h:outputLabel styleClass="label-general">Nro. posici&#243;n en la imagen: <span>(
										* )</span>
								</h:outputLabel>
								<p:inputText id="posicionRepuestoEditar"
									styleClass="input-general"
									value="#{gestionSubGruposController.imagenRepuestoEditar.posicion}"
									title="N&#250;mero posici&#243;n en la imagen" required="true"
									requiredMessage="Nro. Posici&#243;n en la imagen: Requerido">
									<f:validator validatorId="numeroValidator" />
									<f:validator validatorId="numeroPositivoValidator" />
									<f:attribute name="campo" value="N&#250;mero posici&#243;n en la imagen" />
									<p:ajax update="msgPosicionRepuestoEditar" />
								</p:inputText>

								<h:outputLabel value="Cantidad referencial: "
									styleClass="label-general" />
								<p:inputText id="cantidadReferencialRepuestoEditar"
									styleClass="input-general"
									value="#{gestionSubGruposController.imagenRepuestoEditar.cantidadReferencial}"
									title="Cantidad referencial">
									<f:validator validatorId="numeroValidator" />
									<f:validator validatorId="numeroPositivoValidator" />
									<f:attribute name="campo" value="Cantidad referencial" />
									<p:ajax update="msgCantidadReferencialRepuestoEditar" />
								</p:inputText>

								<h:outputLabel styleClass="label-general">Estado: <span>(
										* )</span></h:outputLabel>
								<p:selectOneMenu id="estadoImagenRepuestoEditar"
									styleClass="select-general"
									value="#{gestionSubGruposController.imagenRepuestoEditar.estado}">
									<f:selectItem itemLabel="Activo" itemValue="A" />
									<f:selectItem itemLabel="Inactivo" itemValue="I" />
								</p:selectOneMenu>

							</p:panelGrid>

						</div>

						<div class="panel-botones" align="center">
							<p:commandButton value="Guardar" styleClass="buton-general"
								icon="ui-icon ui-icon-disk"
								action="#{gestionSubGruposController.editarImagenRepuesto}"
								process=":formRepuestosImagenes:panelEditarImagenRepuesto"
								update="panelListaRepuestosAsignadosImagen, :growl, messagesImagenRepuestoEditar"
								oncomplete="ocultarDialogSiOperacionEsCorrecta(xhr, status, args, wvPopupEditarImagenRepuesto)" />
							<span>&#160;</span>
							<p:commandButton icon="ui-icon ui-icon-arrowreturn-1-w"
								styleClass="buton-general" value="Cancelar" process="@this"
								oncomplete="wvPopupEditarImagenRepuesto.hide()" />
						</div>

						<div class="panelMessages">
							<h:panelGroup id="messagesImagenRepuestoEditar">
								<p:message id="msgPosicionRepuestoEditar"
									for="posicionRepuestoEditar" />
								<p:message id="msgCantidadReferencialRepuestoEditar"
									for="cantidadReferencialRepuestoEditar" />
							</h:panelGroup>
						</div>

					</div>
				</h:panelGroup>
			</p:dialog>

			<p:dialog id="popupEliminarImagenRepuesto"
				widgetVar="wvPopupEliminarImagenRepuesto"
				header="Eliminar asignaci&#243;n del repuesto" draggable="false"
				resizable="false" modal="true">
				<h:panelGroup id="panelEliminarImagenRepuesto">
					<div class="panelEliminar">
						<h:outputText
							value="&#191;Est&#225; seguro que desea eliminar la asignaci&#243;n del repuesto a la imagen?" />
					</div>
					<div class="panel-botones">
						<p:commandButton value="Si" library="images"
							icon="ui-icon ui-icon-check"
							action="#{gestionSubGruposController.desasignarImagenRepuesto}"
							styleClass="buton-general" process="@this"
							update="panelListaRepuestosAsignadosImagen, panelResultadosBusquedaRepuestos, :growl"
							oncomplete="wvPopupEliminarImagenRepuesto.hide()" />
						<p:spacer width="5" />
						<p:commandButton icon="ui-icon ui-icon-close"
							styleClass="buton-general" value="No" process="@this"
							oncomplete="wvPopupEliminarImagenRepuesto.hide()" />
					</div>
				</h:panelGroup>
			</p:dialog>

			<p:dialog id="popupGestionRepuestosImagenes"
				widgetVar="wvPopupGestionRepuestos"
				header="Gesti&#243;n de repuestos de imagen" draggable="false"
				resizable="false" modal="true" height="600">
				<h:panelGroup id="panelGestionRepuestos">
					<div id="panelGestionImagenRepuestos">
						<div class="bloque">
							<div class="izquierda gestion-repuestos-imagenes">
								<div class="margen-contenido">

									<div class="bloque">
										<h:outputLabel value="Datos de la imagen"
											styleClass="titulo-sub-contenido" />
									</div>
									<div class="linea"></div>

									<div style="margin-top: 10px;" class="panel-filtro"
										align="center">
										<p:panelGrid columns="2">

											<h:outputLabel value="Marca: " styleClass="label-general" />
											<h:outputText styleClass="texto-general"
											value="#{gestionSubGruposController.imagenSeleccionadaGestionRepuestos.modeloFabrica.marca.nombre}" />

											<h:outputLabel value="Tipo componente: "
												styleClass="label-general" />
												
												<h:outputText styleClass="texto-general"
											value="#{gestionSubGruposController.imagenSeleccionadaGestionRepuestos.modeloFabrica.tipoComponente.nombre}" />
											

											<h:outputLabel value="Grupo: " styleClass="label-general" />
											
											<h:outputText styleClass="texto-general"
											value="#{gestionSubGruposController.imagenSeleccionadaGestionRepuestos.subGrupo.grupo.nombre}" />
											
											

											<h:outputLabel value="Subgrupo: " styleClass="label-general" />
											<h:outputText styleClass="texto-general"
											value="#{gestionSubGruposController.imagenSeleccionadaGestionRepuestos.subGrupo.nombre}" />
											

											<h:outputLabel value="Modelo: " styleClass="label-general" />
											
											<h:outputText styleClass="texto-general"
											value="#{gestionSubGruposController.imagenSeleccionadaGestionRepuestos.modeloFabrica.nombre}" />
											

											<h:outputLabel value="Nombre archivo: " styleClass="label-general" />
											<h:outputText styleClass="texto-general"
											value="#{gestionSubGruposController.imagenSeleccionadaGestionRepuestos.nombreArchivo}" />
											

										</p:panelGrid>
									</div>

									<div class="bloque">
										<p:spacer height="40px" />
									</div>
									<div class="header-sub-titulo">
										<div class="sub-titulo">
											<h:outputLabel value="Filtro de b&#250;squeda"
												styleClass="titulo-sub-contenido" />
										</div>
										<div id="sub-toolBar" class="toolBar">
											<p:commandLink styleClass="butonSmall" id="buscarRepuestos"
												action="#{gestionSubGruposController.buscarRepuestos}"
												update="panelResultadosBusquedaRepuestos, :growl"
												process="@this, panelFiltroRepuestos">
												<h:graphicImage library="images" name="buscar.png"
													styleClass="toolbar-icon" alt="Buscar" title="Buscar" />
											</p:commandLink>

											<p:spacer width="10px" />
											<p:commandLink ajax="true" styleClass="butonSmall"
												action="#{gestionSubGruposController.limpiarFiltroRepuestos}"
												update="panelFiltroRepuestos" process="@this">
												<h:graphicImage library="images" name="limpiar.png"
													styleClass="toolbar-icon" alt="Limpiar" title="Limpiar" />
											</p:commandLink>

											<p:defaultCommand target="buscarRepuestos" />
										</div>
									</div>

									<div class="linea"></div>

									<div style="margin-top: 10px;" class="panel-filtro"
										align="center">
										<h:panelGroup id="panelFiltroRepuestos">
											<p:panelGrid columns="2">

												<h:outputLabel value="C&#243;digo: "
													styleClass="label-general" />
												<p:inputText
													value="#{gestionSubGruposController.repuestoFiltro.codigo}" />

												<h:outputLabel value="Descripci&#243;n: " styleClass="label-general" />
												<p:inputText
													value="#{gestionSubGruposController.repuestoFiltro.nombre}" />

											</p:panelGrid>

											<div class="bloque">
												<p:spacer height="5px" />
											</div>


										</h:panelGroup>
									</div>
								</div>
							</div>

							<div class="derecha gestion-repuestos-imagenes">
								<div class="margen-contenido">
									<h:panelGroup id="panelScrollImagen"
										rendered="#{gestionSubGruposController.imagenSeleccionadaGestionRepuestos.tipo == 'IMG'}">
										<div id="container-image-scroll" class="scroll-image"
											align="center">
											<p:graphicImage id="image-scroll"
												value="/imagen/servidor/?nombreArchivo=#{gestionSubGruposController.imagenSeleccionadaGestionRepuestos.nombreArchivo}&#38;tipo=imagen"
												styleClass="imagen-vista-previa" />
										</div>

										<div class="botones-scroll-image">
											<p:commandLink
												oncomplete="zoomTodoImagen('scroll-image','imagen-vista-previa')"
												process="@this">
												<p:graphicImage library="images" name="zoom-todo.png"
													title="Ver todo" alt="Ver todo" />
											</p:commandLink>
											<p:commandLink
												oncomplete="zoomOriginalImagen('imagen-vista-previa')"
												process="@this">
												<p:graphicImage library="images" name="zoom-original.png"
													title="Original" alt="Original" />
											</p:commandLink>
											<p:commandLink
												oncomplete="zoomAlejarImagen('imagen-vista-previa')"
												process="@this">
												<p:graphicImage library="images" name="zoom-out.png"
													title="Alejar" alt="Alejar" />
											</p:commandLink>
											<p:commandLink
												oncomplete="zoomAcercarImagen('imagen-vista-previa')"
												process="@this">
												<p:graphicImage library="images" name="zoom-in.png"
													title="Acercar" alt="Acercar" />
											</p:commandLink>
										</div>
									</h:panelGroup>

									<p:media
										value="/pdf/servidor/?nombreArchivo=#{gestionSubGruposController.imagenSeleccionadaGestionRepuestos.nombreArchivo}"
										rendered="#{gestionSubGruposController.imagenSeleccionadaGestionRepuestos.tipo == 'PDF'}"
										styleClass="pdf-vista-previa">
										tu navegador no puede mostrar PDFs
										<h:outputLink
											value="/resources/images/imagenes/#{gestionSubGruposController.imagenSeleccionadaGestionRepuestos.nombreArchivo}">click</h:outputLink>descargar archivo
									</p:media>
								</div>
							</div>
						</div>

						<div class="bloque">

							<div class="izquierda gestion-repuestos-imagenes">
								<div class="margen-contenido">
									<div class="bloque">
										<p:spacer height="5px" />
									</div>

									<div class="bloque titulo-sub-contenido">
										<h:outputLabel value="Listado de repuestos disponibles"
											styleClass="label-general" />
									</div>

									<div class="bloque">
										<p:spacer height="10px" />
									</div>

									<div class="bloque">
										<h:panelGroup id="panelResultadosBusquedaRepuestos">
											<p:dataTable var="repuesto"
												value="#{gestionSubGruposController.listaRepuestosBusquedaLazy}"
												rowKey="#{repuesto.idRepuesto}" lazy="true"
												emptyMessage=""
												paginator="true" paginatorPosition="top" rows="5"
												paginatorTemplate="{FirstPageLink} {PreviousPageLink} {CurrentPageReport} {NextPageLink} {LastPageLink}"
												currentPageReportTemplate="{currentPage} de {totalPages}">

												<p:column  sortFunction="#{ordenarDatatable.ordernar}" 
													headerText="C&#243;digo" sortBy="#{repuesto.codigo}"
													style="width: 125px;">
													<h:outputText value="#{repuesto.codigo}" />
												</p:column>

												<p:column  sortFunction="#{ordenarDatatable.ordernar}"  headerText="Descripci&#243;n"
													sortBy="#{repuesto.nombre}">
													<h:outputText value="#{repuesto.nombre}" />
												</p:column>

												<p:column styleClass="boton-data-table-centrado">
													<p:commandLink
														action="#{gestionSubGruposController.limpiarRepuestoAsignar}"
														process="@this"
														oncomplete="wvPopupAsignarRepuestoImagen.show();"
														update=":formRepuestosImagenes:panelAsignarRepuestoImagen">
														<p:graphicImage library="images" name="flecha_derecha.png"
															styleClass="icon-small" alt="Asignar"
															title="Asignar repuesto a la Imagen" />
														<f:setPropertyActionListener value="#{repuesto}"
															target="#{gestionSubGruposController.imagenRepuestoAsignar.repuesto}" />
													</p:commandLink>
												</p:column>
												
												<f:facet name="footer">
													<div class="pie-cantidad-resultados">
														<h:outputText
															rendered="#{gestionSubGruposController.listaRepuestosBusquedaLazy.rowCount>0}"
															value="Se encontraron #{gestionSubGruposController.listaRepuestosBusquedaLazy.rowCount} repuestos." />
														<h:outputText
															rendered="#{gestionSubGruposController.listaRepuestosBusquedaLazy.rowCount==0}"
															value="No se encontraron repuestos." />
													</div>
												</f:facet>

											</p:dataTable>
										</h:panelGroup>
									</div>
								</div>
							</div>

							<div class="derecha gestion-repuestos-imagenes">
								<div class="margen-contenido">
									<div class="bloque">
										<p:spacer height="5px" />
									</div>

									<div class="bloque titulo-sub-contenido">
										<h:outputLabel value="Listado de repuestos asignados"
											styleClass="label-general" />
									</div>

									<div class="bloque">
										<p:spacer height="10px" />
									</div>

									<div class="bloque">
										<h:panelGroup id="panelListaRepuestosAsignadosImagen">
											<p:dataTable var="imagenRepuesto"
												value="#{gestionSubGruposController.listaRepuestosAsignadosImagenSeleccionada}"
												rowKey="#{imagenRepuesto.idImagenRepuesto}"
												emptyMessage=""
												paginatorTemplate="{FirstPageLink} {PreviousPageLink} {CurrentPageReport} {NextPageLink} {LastPageLink}"
												paginator="true" paginatorPosition="top" rows="5"
												currentPageReportTemplate="{currentPage} de {totalPages}">

												<p:column headerText="Posici&#243;n" 
													sortBy="#{imagenRepuesto.posicion}" style="width: 100px;text-align:right;"
													>
													<h:outputText value="#{imagenRepuesto.posicion}" />
												</p:column>

												<p:column  sortFunction="#{ordenarDatatable.ordernar}" 
													headerText="C&#243;digo"
													sortBy="#{imagenRepuesto.repuesto.codigo}"
													style="width: 125px;">
													<h:outputText value="#{imagenRepuesto.repuesto.codigo}" />
												</p:column>

												<p:column sortFunction="#{ordenarDatatable.ordernar}"
													headerText="Descripci&#243;n"
													sortBy="#{imagenRepuesto.repuesto.nombre}">
													<h:outputText
														value="#{imagenRepuesto.repuesto.nombre} #{imagenRepuesto.observacion}" />
												</p:column>

												<p:column sortFunction="#{ordenarDatatable.ordernar}" headerText="Cant. Ref."
													style="text-align:right;width: 125px;"
													sortBy="#{imagenRepuesto.cantidadReferencial}">
													<h:outputText value="#{imagenRepuesto.cantidadReferencial}" />
												</p:column>

												<p:column sortFunction="#{ordenarDatatable.ordernar}" headerText="Estado" 
													style="width: 125px;"
													sortBy="#{imagenRepuesto.estado}">
													<h:outputText value="#{imagenRepuesto.estado}">
														<f:converter converterId="estadoConverter" />
													</h:outputText>
												</p:column>

												<p:column styleClass="boton-data-table-centrado">
													<p:commandLink
														process=":formRepuestosImagenes:panelListaRepuestosAsignadosImagen"
														oncomplete="wvPopupEditarImagenRepuesto.show();"
														update=":formRepuestosImagenes:panelEditarImagenRepuesto">
														<p:graphicImage library="images" name="editar.png"
															styleClass="icon-small" alt="Editar" title="Editar" />
														<f:setPropertyActionListener value="#{imagenRepuesto}"
															target="#{gestionSubGruposController.imagenRepuestoEditar}" />
													</p:commandLink>
												</p:column>

												<p:column styleClass="boton-data-table-centrado">
													<p:commandLink immediate="true"
														oncomplete="wvPopupEliminarImagenRepuesto.show();"
														update=":formRepuestosImagenes:panelEliminarImagenRepuesto">
														<p:graphicImage library="images" name="eliminar.png"
															styleClass="icon-small" alt="Desasignar"
															title="Desasignar" />
														<f:setPropertyActionListener value="#{imagenRepuesto}"
															target="#{gestionSubGruposController.imagenRepuestoDesasignar}" />
													</p:commandLink>
												</p:column>
												<f:facet name="footer">
													<div class="pie-cantidad-resultados">
														<h:outputText
															rendered="#{gestionSubGruposController.listaRepuestosAsignadosImagenSeleccionada.size()>0}"
															value="Se encontraron #{gestionSubGruposController.listaRepuestosAsignadosImagenSeleccionada.size()} repuestos asignados a esta imagen." />
														<h:outputText
															rendered="#{gestionSubGruposController.listaRepuestosAsignadosImagenSeleccionada.size()==0}"
															value="No se encontraron repuestos asignados a esta imagen." />
													</div>
												</f:facet>

											</p:dataTable>
										</h:panelGroup>
									</div>
								</div>
							</div>

						</div>
					</div>
				</h:panelGroup>
			</p:dialog>

			<p:dialog id="seleccionModeloFabrica"
				widgetVar="wvSeleccionModeloFabrica"
				header="Seleccione un modelo de f&#225;brica" draggable="false"
				resizable="false" modal="true">
				<div class="popup-general">
					<h:panelGroup id="panelGroupSeleccionModeloFabrica">
						<p:dataTable id="dtUsuario" var="modeloFabrica"
							value="#{gestionSubGruposController.listaModeloFabricaLazy}"
							rowKey="#{modeloFabrica.modeloFabricaPK}" lazy="true"
							emptyMessage="" selectionMode="single" paginator="true" rows="10"
							paginatorPosition="top"
							paginatorTemplate="{FirstPageLink} {PreviousPageLink} {CurrentPageReport} {NextPageLink} {LastPageLink}"
							currentPageReportTemplate="{currentPage} de {totalPages}">
							<p:ajax event="rowSelect"
								listener="#{gestionSubGruposController.seleccionarModeloFabrica}"
								oncomplete="wvSeleccionModeloFabrica.hide()"
								update=":form:panelListaImagenesSubGrupoModeloSeleccionado , :form:subirArchivo, :form:modeloFabrica" />
							<p:column style="width:125px;" filterBy="#{modeloFabrica.modeloFabricaPK.idModeloFabrica}"
								sortFunction="#{ordenarDatatable.ordernar}"
								headerText="C&#243;digo">
								<h:outputText value="#{modeloFabrica.modeloFabricaPK.idModeloFabrica}" />
							</p:column>
							
							<p:column style="width:125px;" filterBy="#{modeloFabrica.nombre}"
								sortFunction="#{ordenarDatatable.ordernar}"
								headerText="Descripci&#243;n">
								<h:outputText value="#{modeloFabrica.nombre}" />
							</p:column>

						</p:dataTable>
					</h:panelGroup>

				</div>
			</p:dialog>

		</h:form>
	</ui:define>
</ui:composition>